/* --------------------------------设计规范-------------------------------- */

// -------- 基础色 -----------
$color-primary: #2673e5; // 品牌色
$color-white: #ffffff;
$color-black: #000000;

$color-primary-1: #1359bf; // active状态色
$color-primary-2: #1664d9; // hover状态色
$background-color: #f0f2f4; // 页面大背景色

// 告警色
$alarm-color-critical: #c63939;
$alarm-color-major: #eb8147;
$alarm-color-minor: #f0c442;
$alarm-color-info: #f2ed5a;

// 状态色
$status-color-success: #53ab6b;
$status-color-error: #c63939;
$status-color-warning: #f0c442;
$status-color-processing: $color-primary;
$status-color-default: $color-primary;

// TODO: 使用$status-color-xxx变量替换，所有组件完成修改后删除
$color-success: #53ab6b;
$color-error: #c63939;
$color-warm: #ffd929; // TODO: 当前规范未定义

// 反馈信息色 使用场景：alert、message、messageBox
$feedback-color-success: #53ab6b;
$feedback-color-error: #c63939;
$feedback-color-warning: #f0c442;
$feedback-color-info: $color-primary;

// 字体文本
$text-font: 'pingfang-zh', 'Hiragino Sans GB-zh', 'yahei-zh', 'jhenghei-zh', 'Arial', 'sans-serif';

$font-weight-regular: 400;
$font-weight-medium: 600;
$font-weight-bold: 700;
$font-weight-black: 900;

$text-color-primary: #1a1a1a; // 主文本
$text-color-secondary: #4d4d4d; // 次要文本、label
$text-color-tertiary: #808080; // 辅助文本
$text-color-hint: #808080; // placeholder
$text-color-link: $color-primary;
$text-color-error: $status-color-error;
$text-color-disabled: rgba(#4d4d4d, 0.5);

$text-color-dark-primary: #d4d9e6; // 特殊场景文字，TODO: 当前无规范

// 边框
$border-width: 0.01rem;
$border-radius: 0.01rem;
$border-radius-s: 0.02rem; // 多选框
$border-radius-m: 0.04rem; // 输入类、按钮类
$border-radius-l: 0.08rem; // 卡片、对话框、弹窗

$border-color: #e6e6e6; // 线框色
$border-color-secondary: #b3b3b3; // 次要线框色
$border-color-hover: #4d4d4d; // 线框hover色
$border-color-disabled: #d9d9d9; // 线框禁用色
$border-color-error: $status-color-error; // 错误提示线框色

$border-color-disabled-primary: #d4d9e6; // 特殊场景线框禁用色

$separate-line-color: #e6e6e6; // 分割线

// 选中
$selection-color: $color-white;
$selection-bgcolor: $color-primary;
$background-color-hover-selection: #f0f3fa;

$shadow-color: rgba(0, 0, 0, 0.15); // 阴影色

$font-size-base: 0.14rem;
$line-height-base: 1.5715; // 14px字体行高：22px

// -------- 状态和颜色 -----------
// 图标
$icon-color-default: #4d4d4d;
$icon-color-hover: $color-primary;
$icon-color-active: $color-primary-1;
$icon-color-focus: $color-primary-1;
$icon-color-disabled: rgba($icon-color-default, 0.5);

/***** 输入类型组件 input、dropdown、textarea *****/
// 文字状态
$text-color-default-input: $text-color-primary;
$text-color-hover-input: $text-color-primary;
$text-color-active-input: $text-color-primary;
$text-color-focus-input: $text-color-primary;
$text-color-disabled-input: $text-color-disabled;

// 边框状态
$border-color-default-input: $border-color;
$border-color-hover-input: $border-color-hover;
$border-color-active-input: $color-primary;
$border-color-focus-input: $color-primary;
$border-color-disabled-input: $border-color-disabled;

// 背景状态
$background-color-default-input: transparent;
$background-color-hover-input: transparent;
$background-color-active-input: transparent;
$background-color-focus-input: transparent;
$background-color-disabled-input: $border-color;

/***** 边框模型(stroke):无背景,状态变化主要通过文本和边框变化体现 *****/
// 文字状态
$text-color-default-stroke: $text-color-primary;
$text-color-hover-stroke: $color-primary;
$text-color-active-stroke: $color-primary-1;
$text-color-focus-stroke: $color-primary-1;
$text-color-disabled-stroke: $text-color-disabled;

// 边框状态
$border-color-default-stroke: $border-color-secondary;
$border-color-hover-stroke: $color-primary;
$border-color-active-stroke: $color-primary-1;
$border-color-focus-stroke: $color-primary-1;
$border-color-disabled-stroke: $border-color-disabled;

// 背景状态
$background-color-default-stroke: transparent;
$background-color-hover-stroke: transparent;
$background-color-active-stroke: transparent;
$background-color-focus-stroke: transparent;
$background-color-disabled-stroke: $border-color;

/****** 填充模型(fill):有背景,无border,text为白色,状态变化主要通过背景色变化体现 *****/
// 文字状态
$text-color-default-fill: $color-white;
$text-color-hover-fill: $color-white;
$text-color-active-fill: $color-white;
$text-color-focus-fill: $color-white;
$text-color-disabled-fill: $text-color-disabled;

// 边框状态
$border-color-default-fill: transparent;
$border-color-hover-fill: transparent;
$border-color-active-fill: transparent;
$border-color-focus-fill: transparent;
$border-color-disabled-fill: transparent;

// 背景状态
$background-color-default-fill: $color-primary;
$background-color-hover-fill: $color-primary-2;
$background-color-active-fill: $color-primary-1;
$background-color-focus-fill: $color-primary-1;
$background-color-disabled-fill: $border-color;

/* --------------------------------组件适配规范-------------------------------- */

$color-hover-text-button: #3d58a6;

$color-normal-link: #1a1a1a;
